<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php include 'sections/head.phtml'; ?>
<link type="text/css" rel="stylesheet" href="<?php echo content_url(); ?>css/style.css" />
</head>
<body id="computer" class="root4">
<?php include 'sections/header.phtml'; ?>
<div class="clearfix"></div>
<div id="container" class="w"> 
  <!-- SIDE BAR -->
  <?php include 'sections/sidebar.phtml'; ?>
<!-- MAIN CONTENT AREA -->
<div id="content-area">
  <div id="m-bcrm" class="clearfix"> <?php echo breadcrumb::newInstance()->render(); ?> </div>
  <div id="add-d-container" class="mar5">
    <div id="add-d-container-sep">
      <div class="opt opt-active">
        <h2><a class="sep-text" href="#offered" title="#">Offered</a></h2>
      </div>
      <div class="opt">
        <h2> <a class="sep-text" href="#wanted" title="#">Wanted</a> </h2>
      </div>
    </div>
    <div id="add-d-container-sorting">
      <div id="l-sorting">
        <div> View mode:<a class="s-option grid" href="?display=grid">Grid</a><a class="s-option list" href="?display=list">list</a></div>
      </div>
      <div id="r-sorting">
        <label>Sort by:</label>
        <select class="select-option">
          <option value="10">Time: newly listed</option>
          <option value="1">Time: oldest listed</option>
          <option value="2">Price: lowest first</option>
          <option value="3">Price: highest first</option>
        </select>
      </div>
    </div>
    <!-- Display starts -->
	<?php if(Params::getParam('display')=='grid') { include 'item_display'.DS.'grid.phtml'; }else { include 'item_display'.DS.'list.phtml'; } ?>
	<!-- display ends -->
  </div>
</div>
</div>
<span class="clearfix"></span>
<?php include 'sections/footer.phtml'; ?>
</body>
</html>